// 项目根目录中创建了`vue.config.js`
// 导包  作用:自动在前面加上前缀 (兼容性相关的额比如-wekit  )
const autoprefixer = require('autoprefixer')
// 导包
const pxtorem = require('postcss-pxtorem')
const path = require('path')

// 暴露出去
module.exports = {
  // css属性如何处理
  css: {
    // 处理的选项
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          // 使用 pxtorem库进行转换
          pxtorem({
            rootValue: 37.5, // 1/10 vant设计稿宽度就是375
            propList: ['*']
          })
        ]
      }
    }
  },

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        // 项目根路径下 /src/styles/ 的所有less文件
        // 指定某一个的话可以具体设置为某一个less文件
        // 下面表示'src style这个路径下所有less文件都是全局的(不过我们一般都只有一个 )
        path.resolve(__dirname, './src/style/*.less')
        //   path.resolve() 方法会把一个路径或路径片段的序列解析为一个绝对路径。
      ]
    }
  }
}
